<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
<style type="text/css">
#canvas2{
	background: #000;
}	
</style>				
	</head>
	<body>
		<canvas id="canvas1" width="1024" height="768" style="border: 1px solid #aaa;display: block;margin: 0 auto; "></canvas>
	
		<canvas id="canvas2" width="" height=""></canvas>
	
	
	<script type="text/javascript">
		var canvas1=document.getElementById('canvas1');
		var context1=canvas1.getContext('2d');
		
		
		var canvas2=document.getElementById('canvas2');
		var context2=canvas2.getContext('2d');
				
		var cx=canvas2.width=400;
		
		var cy=canvas2.height=400;		
		
		context2.beginPath();
		context2.arc(100,100,10,0,Math.PI*2,true);
		context2.closePath();
		context2.fillStyle='rgb(255,255,255)';
		context2.fill();
		
		
	</script>
	</body>
</html>
